<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html class="no-js" lang="">
<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>头部</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <%--<link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/static/media/favicon.png">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/bootstrap/css/bootstrap.min.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/icofont/icofont.min.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick-theme.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/magnific-popup/css/magnific-popup.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/select2/css/select2.min.css" type="text/css">--%>

    <%--<!-- Site Stylesheet -->--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/app.css">--%>

    <%--<!-- Google Web Fonts -->--%>
    <%--<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">--%>

</head>

<body class="sticky-header">
<header class="fixed-header">
    <div class="header-menu">
        <div class="navbar">
            <div class="nav-item d-none d-sm-block">
                <div class="header-logo">
                    <a href="${pageContext.request.contextPath}/Directory/index"><img src="${pageContext.request.contextPath}/static/media/logo.png" alt="Cirkle"></a>
                </div>
            </div>
            <div class="nav-item nav-top-menu">
                <nav id="dropdown" class="template-main-menu">
                    <ul class="menu-content">
                        <li class="header-nav-item">
                            <a href="${pageContext.request.contextPath}/Directory/hou" class="menu-link active">后台</a>
                        </li>
                        <li class="header-nav-item">
                            <a href="#" class="menu-link have-sub">社区</a>
                            <ul class="mega-menu mega-menu-col-2">
                                <li>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/newsfeed">

                                                新闻源 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-timeline">

                                                配置文件时间线 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-about">简介关于</a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-friends">

                                                个人资料好友 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-groups">“配置文件”组</a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-photo">

                                                资料照片 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-video">

                                                个人资料视频 </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/user-badges">

                                                侧面徽章 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/forums">论坛</a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/forums-forum">论坛主题</a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/forums-timeline">

                                                论坛时间表 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/forums-info">

                                                论坛信息 </a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/forums-members">Forums Members</a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.request.contextPath}/Directory/forums-media">

                                                论坛媒体 </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="header-nav-item">
                            <a href="#" class="menu-link have-sub">

                                页 </a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="${pageContext.request.contextPath}/Directory/about-us">关于</a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath}/Directory/user-blog">

                                        博客 </a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath}/Directory/shop">商店</a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath}/Directory/single-blog">博客详细信息</a>
                                </li>
                                <li>
                                    <a href="single-${pageContext.request.contextPath}/Directory/shop">店铺详情</a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath}/Directory/contact">
                                        联系我们 </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="nav-item header-control">
                <div class="inline-item d-none d-md-block">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search here.......">
                        <div class="input-group-append">
                            <button class="submit-btn" type="button"><i class="icofont-search"></i></button>
                        </div>
                    </div>
                </div>
                <div class="inline-item d-flex align-items-center">
                    <div class="dropdown dropdown-cart">
                        <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                            <i class="icofont-shopping-cart"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="item-heading">
                                <h6 class="heading-title">Shopping Cart: <span>3</span></h6>
                            </div>
                            <div class="item-body xssj">
                                <%--<c:forEach var="l" items="${shopping}">--%>
                                    <%----%>
                                <%--<div class="media">--%>
                                    <%--<div class="item-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/img/${l.simg}" alt="Product">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<h6 class="item-title"><a href="#">${l.stitle}</a></h6>--%>
                                        <%--<div class="item-category">COFFEE MUGS</div>--%>
                                        <%--<div class="item-price">$${l.sprice} x ${l.price.pnum}</div>--%>
                                        <%--<div class="btn-area">--%>
                                            <%--<a href="#" class="close-btn"><i class="icofont-ui-close"></i></a>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--</c:forEach>--%>

                                <%--<div class="media">--%>
                                    <%--<div class="item-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/cart_2.jpg" alt="Product">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<h6 class="item-title"><a href="#">Head Phone</a></h6>--%>
                                        <%--<div class="item-category">Assets</div>--%>
                                        <%--<div class="item-price">$15 x 1</div>--%>
                                        <%--<div class="btn-area">--%>
                                            <%--<a href="#" class="close-btn"><i class="icofont-ui-close"></i></a>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="media">--%>
                                    <%--<div class="item-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/cart_3.jpg" alt="Product">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<h6 class="item-title"><a href="#">Black Watch</a></h6>--%>
                                        <%--<div class="item-category">Watch</div>--%>
                                        <%--<div class="item-price">$59 x 1</div>--%>
                                        <%--<div class="btn-area">--%>
                                            <%--<a href="#" class="close-btn"><i class="icofont-ui-close"></i></a>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            </div>

                            <div class="item-footer">
                                <a href="#" class="view-btn">View All Product</a>
                            </div>
                        </div>
                    </div>
                    <div class="dropdown dropdown-friend">
                        <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                            <i class="icofont-users-alt-4"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="item-heading">
                                <h6 class="heading-title">Friend Requests</h6>
                                <div class="heading-btn">
                                    <a href="#">Settings</a>
                                    <a href="#">Mark all as Read</a>
                                </div>
                            </div>
                            <div class="item-body">
                                <div class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_5.jpg" alt="Notify">
                                        <span class="chat-status offline"></span>
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title"><a href="#">Lily Zaman</a></h6>
                                        <p>4 in mutual friends</p>
                                        <div class="btn-area">
                                            <a href="#" class="item-btn"><i class="icofont-plus"></i></a>
                                            <a href="#" class="item-btn"><i class="icofont-minus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_1.jpg" alt="Notify">
                                        <span class="chat-status online"></span>
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title"><a href="#">Ketty Rose</a></h6>
                                        <p>3 in mutual friends</p>
                                        <div class="btn-area">
                                            <a href="#" class="item-btn"><i class="icofont-plus"></i></a>
                                            <a href="#" class="item-btn"><i class="icofont-minus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_8.jpg" alt="Notify">
                                        <span class="chat-status online"></span>
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title"><a href="#">Rustom vai</a></h6>
                                        <p>6 in mutual friends</p>
                                        <div class="btn-area">
                                            <a href="#" class="item-btn"><i class="icofont-plus"></i></a>
                                            <a href="#" class="item-btn"><i class="icofont-minus"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item-footer">
                                <a href="#" class="view-btn">View All Friend Request</a>
                            </div>
                        </div>
                    </div>
                    <div class="dropdown dropdown-message">
                        <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                            <i class="icofont-speech-comments"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="item-heading">
                                <h6 class="heading-title">Message</h6>
                                <div class="heading-btn">
                                    <a href="#">Settings</a>
                                    <a href="#">Mark all as Read</a>
                                </div>
                            </div>
                            <div class="item-body">
                                <a href="#" class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/notifiy_1.png" alt="Notify">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title">Diana Jameson</h6>
                                        <div class="item-time">15 mins ago</div>
                                        <p>when are nknowen printer took galley of types ...</p>
                                    </div>
                                </a>
                                <a href="#" class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/notifiy_2.png" alt="Notify">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title">Quirty</h6>
                                        <div class="item-time">15 mins ago</div>
                                        <p>when are nknowen printer took galley of types ...</p>
                                    </div>
                                </a>
                                <a href="#" class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/notifiy_3.png" alt="Notify">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title">Zinia Jessy</h6>
                                        <div class="item-time">15 mins ago</div>
                                        <p>when are nknowen printer took galley of types ...</p>
                                    </div>
                                </a>
                            </div>
                            <div class="item-footer">
                                <a href="#" class="view-btn">View All Messages</a>
                            </div>
                        </div>
                    </div>
                    <div class="dropdown dropdown-notification">
                        <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                            <i class="icofont-notification"></i><span class="notify-count">3</span>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="item-heading">
                                <h6 class="heading-title">Notifications</h6>
                                <div class="heading-btn">
                                    <a href="#">Settings</a>
                                    <a href="#">Mark all as Read</a>
                                </div>
                            </div>
                            <div class="item-body">
                                <a href="#" class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/notifiy_1.png" alt="Notify">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title">Diana Jameson</h6>
                                        <div class="item-time">15 mins ago</div>
                                        <p>when are nknowen printer took galley of types ...</p>
                                    </div>
                                </a>
                                <a href="#" class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/notifiy_2.png" alt="Notify">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title">Quirty</h6>
                                        <div class="item-time">15 mins ago</div>
                                        <p>when are nknowen printer took galley of types ...</p>
                                    </div>
                                </a>
                                <a href="#" class="media">
                                    <div class="item-img">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/notifiy_3.png" alt="Notify">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="item-title">Zinia Jessy</h6>
                                        <div class="item-time">15 mins ago</div>
                                        <p>when are nknowen printer took galley of types ...</p>
                                    </div>
                                </a>
                            </div>
                            <div class="item-footer">
                                <a href="#" class="view-btn">View All Notification</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inline-item">
                    <div class="dropdown dropdown-admin">

                        <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false" onclick="tiao()">
                                    <span class="media">
                                        <span class="item-img">
                                            <img src="${pageContext.request.contextPath}/static/img/${sos.uimg}"  style="width: 45px" alt="Chat">
                                            <span class="acc-verified"><i class="icofont-check"></i></span>
                                        </span>
                                        <span class="media-body">
                                            <span class="item-title">${sos.uname}</span>
                                        </span>
                                    </span>
                        </button>

                        <div class="dropdown-menu dropdown-menu-right">
                            <ul class="admin-options">
                                <li><a href="#">Profile Settings</a></li>
                                <li><a href="${pageContext.request.contextPath}/Directory/user-groups">Groups</a></li>
                                <li><a href="${pageContext.request.contextPath}/Directory/forums">Forums</a></li>
                                <li><a href="#">Settings</a></li>
                                <li><a href="#">Terms and Conditions</a></li>
                                <li><a href="${pageContext.request.contextPath}/Directory/contact">Contact</a></li>
                                <li><a href="${pageContext.request.contextPath}/Directory/login">Log Out</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/jquery/js/jquery.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/popper.js/js/popper.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/bootstrap/js/bootstrap.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/imagesloaded/js/imagesloaded.pkgd.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/isotope-layout/js/isotope.pkgd.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/slick-carousel/js/slick.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/select2/js/select2.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/elevate-zoom/jquery.elevatezoom.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/bootstrap-validator/js/validator.min.js"></script>--%>
<%--<script src="http://www.google.cn/maps/api/js?key=AIzaSyBtmXSwv4YmAKtcZyyad9W7D4AC08z0Rb4"></script>--%>

<script type="text/javascript">

  function  tiao(){
      window.location.href="${pageContext.request.contextPath}/user/gerenxian";



  }

</script>
<script src="${pageContext.request.contextPath}/static/js/jquery-1.12.4.js"></script>
<script>
    function xs() {
        $.ajax({
            "url":"${pageContext.request.contextPath}/ShoppingXS",
            "Type":"GET",
            "dataType":"JSON",
            "success":function (data) {
                str="";
                $(data).each(function () {
                    str+="<div class='media'>";
                    str+="<div class='item-img'>";
                    str+="<img src='${pageContext.request.contextPath}/static/img/"+this.simg+"' alt='Product'>";
                    str+="</div>";
                    str+="<div class='media-body'>";
                    str+="<h6 class='item-title'><a href='#'>"+this.stitle+"</a></h6>";
                    str+="<div class='item-category'>COFFEE MUGS</div>";
                    str+="<div class='item-price'>$"+this.sprice+" x "+this.price.pnum+"</div>";
                    str+="<div class='btn-area'>";
                    str+="<a href='#' class='close-btn'><i class='icofont-ui-close' onclick='dell("+this.price.pid+")'></i></a>";
                    str+="</div>";
                    str+="</div>";
                    str+="</div>";
                })
                $(".xssj").append(str);
            }
        })
    }
    xs();
    function dell(pid){
        var t=confirm("您确认要删除该商品吗？");
        if (t==true) {
            $.ajax({
                url:"${pageContext.request.contextPath}/del",
                data:"pid="+pid,
                type:"GET",
                dataType:"json",
                success:function (data) {
                    alert("删除成功！");
                    location.reload();
                }

            });

        }

    }
</script>
</body>
</html>
